<template>
  <div>
	<div>
		<img src="https://chst.vip/avatar/headimgurl-1657603631095.webp" alt="">
	</div>

	<div>
		  <el-descriptions class="margin-top" title="带边框列表" :column="2"  border>
			<template slot="extra">
				<el-button type="primary" size="small">操作</el-button>
			</template>

			<el-descriptions-item>
				<template slot="label">
					unid
				</template>
			YrIhfb500011
			</el-descriptions-item>

			<el-descriptions-item>
				<template slot="label">
					账号
				</template>
			admin
			</el-descriptions-item>
			
			<el-descriptions-item>
				<template slot="label">
					vip等级
				</template>
				3
			</el-descriptions-item>

			<el-descriptions-item>
			<template slot="label">
				vip到期时间
			</template>
			2100-12-30 16:50:00
			</el-descriptions-item>

			<el-descriptions-item>
				<template slot="label">
					昵称
				</template>
			<div class="tag-group">
				<span class="tag-group__title"></span>
				<el-tag
					v-for="item in items"
					:key="item.label"
					:type="item.type"
					effect="dark">
					{{ item.label }}
				</el-tag>
				</div>
			</el-descriptions-item>

			<el-descriptions-item>
				<template slot="label">
					手机号
				</template>
			18100000000
			</el-descriptions-item>

			<el-descriptions-item>
				<template slot="label">
					角色名称
				</template>
			管理员
			</el-descriptions-item>

			<el-descriptions-item>
				<template slot="label">
					性别
				</template>
			<el-tag>男</el-tag>
			</el-descriptions-item>

			<el-descriptions-item>
				<template slot="label">
					身份
				</template>
			江苏
			</el-descriptions-item>

			<el-descriptions-item>
				<template slot="label">
					城市
				</template>
			南京
			</el-descriptions-item>
		</el-descriptions>





		

		
	</div>
  </div>
</template>

<script>
export default {
    meta: {
			title: "wdzx",
			name:'我的中心',
			icon:"iconfont icon-wode"
		},

	data(){
		return{
			items: [
          { type: 'success', label: '啊啦程锅' }
			]
		}
	}
}
</script>

<style lang="less" scoped>
	img{
		width: 200px;
		height: 200px;
	}
</style>